﻿<UserControl x:Class="WebsiteLoadTool.Controls.StatusIndicator"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="300" d:DesignWidth="300">
    <Grid>
    	<VisualStateManager.VisualStateGroups>
    		<VisualStateGroup x:Name="ResultStatus">
    			<VisualStateGroup.Transitions>
    				<VisualTransition GeneratedDuration="0:0:0.2">
    					<VisualTransition.GeneratedEasingFunction>
    						<ExponentialEase EasingMode="EaseInOut"/>
    					</VisualTransition.GeneratedEasingFunction>
    				</VisualTransition>
    			</VisualStateGroup.Transitions>
    			<VisualState x:Name="None">
    				<Storyboard>
    					<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Gray">
    						<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
    					</DoubleAnimationUsingKeyFrames>
    				</Storyboard>
    			</VisualState>
    			<VisualState x:Name="Success">
    				<Storyboard>
    					<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Green">
    						<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
    					</DoubleAnimationUsingKeyFrames>
    				</Storyboard>
    			</VisualState>
    			<VisualState x:Name="Failed">
    				<Storyboard>
    					<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Red">
    						<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
    					</DoubleAnimationUsingKeyFrames>
    				</Storyboard>
    			</VisualState>
    			<VisualState x:Name="TimedOut">
    				<Storyboard>
    					<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Yellow">
    						<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
    					</DoubleAnimationUsingKeyFrames>
    				</Storyboard>
    			</VisualState>
    			<VisualState x:Name="InProgress">
    				<Storyboard>
    					<DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(UIElement.Opacity)" Storyboard.TargetName="Blue">
    						<EasingDoubleKeyFrame KeyTime="0" Value="1"/>
    					</DoubleAnimationUsingKeyFrames>
    				</Storyboard>
    			</VisualState>
    		</VisualStateGroup>
    	</VisualStateManager.VisualStateGroups>
    	<Ellipse x:Name="Red" Fill="Red" Opacity="0"/>
    	<Ellipse x:Name="Green" Fill="Lime" Opacity="0"/>
    	<Ellipse x:Name="Yellow" Fill="Yellow" Opacity="0"/>
    	<Ellipse x:Name="Gray" Fill="#FF646464" Opacity="0"/>
    	<Ellipse x:Name="Blue" Opacity="0">
    		<Ellipse.Fill>
    			<RadialGradientBrush>
    				<GradientStop Color="#FF0800FF" Offset="1"/>
    				<GradientStop Color="#FF0800FF"/>
    				<GradientStop Color="#00000000" Offset="0.15"/>
    				<GradientStop Color="#00000000" Offset="0.5"/>
    				<GradientStop Color="#FF0800FF" Offset="0.3"/>
    				<GradientStop Color="#FF0800FF" Offset="0.7"/>
    				<GradientStop Color="#00000000" Offset="0.85"/>
    			</RadialGradientBrush>
    		</Ellipse.Fill>
    	</Ellipse>
    	<Ellipse>
    		<Ellipse.Fill>
    			<RadialGradientBrush GradientOrigin="0.347,0.355" RadiusY="0.497" RadiusX="0.497">
    				<GradientStop Color="#99000000" Offset="1"/>
    				<GradientStop Color="#33B8B8B8" Offset="0.901"/>
    			</RadialGradientBrush>
    		</Ellipse.Fill>
    	</Ellipse>
    	<Ellipse>
    		<Ellipse.Fill>
    			<RadialGradientBrush GradientOrigin="0.268,0.257">
    				<GradientStop Color="#BFFFFFFF" Offset="0.141"/>
    				<GradientStop Offset="1"/>
    			</RadialGradientBrush>
    		</Ellipse.Fill>
    	</Ellipse>
            
    </Grid>
</UserControl>
